/**
 * 普通背景色样式
 * 可自行增加
 */

.bg-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

$white: #ffffff; //白
$black: #000000; //黑
$yellow: #ffc300; //黄
$orange: #ff6000; //橘
$red: #ff3000; //红
$pink: #e03997; //粉
$purple: #652abf; //紫
$blue: #0081ff; // 蓝
$green: #2aae67; //绿
$grey: #8799a3; //灰
$brown: #a5673f; //粽
$golden: #e9b461; //金

$bgcolors: (
	'white': $white,
	'black': $black,
	'yellow': $yellow,
	'orange': $orange,
	'red': $red,
	'pink': $pink,
	'purple': $purple,
	'blue': $blue,
	'green': $green,
	'grey': $grey,
	'brown': $brown,
	'golden': $golden
);

/**
 * 使用示例： bg-black
 */
@each $color, $value in $bgcolors {
	.bg-#{$color} {
		background-color: $value !important;
	}
}

.bg-size-100 {
	background-size: 100% 100% !important;
}
